<template>
    <el-dialog width="100%" title="账单信息" :visible.sync="dialogVisible" :close-on-click-modal="false">
        <el-table :data="tableData" style="width: 100%" border>
            <el-table-column prop="create_time" label="下单时间" width=""></el-table-column>
            <el-table-column prop="trade_no" label="订单号" width=""></el-table-column>
            <el-table-column prop="realname" label="姓名"></el-table-column>
            <el-table-column prop="price" label="采购价款" width=""></el-table-column>
            <el-table-column prop="begin_time" label="起租日期" width=""></el-table-column>
            <el-table-column prop="end_time" label="到期日期"></el-table-column>
            <el-table-column prop="begin_time" label="应还日期" width=""></el-table-column>
            <el-table-column prop="pay_time" label="实还日期" width=""></el-table-column>
            <el-table-column prop="overdue_days" label="逾期天数"></el-table-column>
            <el-table-column prop="month_total" label="租期" width=""></el-table-column>
            <el-table-column prop="which_period" label="当前租期" width=""></el-table-column>
            <el-table-column prop="lease_price" label="月租金"></el-table-column>
            <el-table-column prop="setmeal_foregift_min" label="履约保证金" width=""></el-table-column>
            <el-table-column prop="setmeal_price" label="买断价" width=""></el-table-column>
        </el-table>
    </el-dialog>
</template>
<script>
import { getOrderDetail } from '@/api/order'
export default {
    props: {
        orderId: {
            type: String,
            default: ''
        }
    },
    data() {
        return {
            dialogVisible: false,
            tableData:[]
        }
    },
    watch: {
        dialogVisible(val) {
            if (val) {
                console.log(this.orderId);
                this.getList()
            }
        }
    },
    methods: {
        getList() {
            getOrderDetail({ orderId: this.orderId }).then(res => {
                this.tableData=res
            })
        }
    },

}
</script>
  
<style lang="scss" scoped></style>
  